html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, fieldset, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font: inherit;
  font-size: 100%; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

script {
  display: none !important; }

html {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
 }
body {
  margin: 0;
  line-height: 1; }

a, button, :focus, a:focus, button:focus, a:active, a:hover {
  outline: 0; text-decoration: none}
a {
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;color:#222; }
  a[href]:hover {
    cursor: pointer; }
b, strong {
  font-weight: bold; }
dfn {
  font-style: italic; }
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }
code, kbd, pre, samp {
  font-size: 1em;
  font-family: monospace, serif; }
pre {
  white-space: pre-wrap; }
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }
small {
  font-size: 80%; }

sub, sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }
fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
  border: 1px solid #c0c0c0; }

legend {
  padding: 0;
  border: 0;
}

button, input, select, textarea {
  margin: 0;
  font-size: 100%;
  font-family: inherit;
  outline-offset: 0;
  outline-style: none;
  outline-width: 0;
  -webkit-font-smoothing: inherit;
  background-image: none;
}


button, input {
  line-height: normal; }

button, select {
  text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;

  -webkit-appearance: button;
 }

button[disabled], html input[disabled] {
  cursor: default; }

input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0; }

textarea {
  overflow: auto;

  vertical-align: top;
 }

img {
  -webkit-user-drag: none; }

table {
  border-spacing: 0;
  border-collapse: collapse; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body{
  margin: 0;
  padding: 0;
  color: #000;
  word-wrap: break-word;
  font-size: 14px;
  font-family: "Helvetica Neue", "Roboto", sans-serif;
  line-height: 20px;
  text-rendering: optimizeLegibility;
  -webkit-backface-visibility: hidden;
  -webkit-user-drag: none;
  -ms-content-zooming: none; }
    
   .container{width: 980px !important;margin: 0 auto}
    .clear{clear:both;overflow: hidden;}
  /*字体颜色区域*/
    .color-28{color: #282828 !important}
    .color-e3{color: #E36554  !important}
    .color-63{color:#636363 !important}
    .color-y{color: #ea5310 !important}
    .color-67{color: #676767 !important}
    .color-ff{color: #fff !important}
    .color-78{color: #787878 !important}
    .color-b8{color: #B8B8B8 !important}
    .bg1{background-color: #FFBF35  }.bg2{background-color: #E36554 }.bg3{background-color: #FFD281  }.bg4{background-color: #FF8575  }

     /* 字体统一区域*/
  
    .font-slg{font-size: 32px!important;}
    .font-lg{font-size: 22px!important;}
    .font-md2{font-size: 16px!important;}
    .font-15{font-size: 15px!important;}
    .font-md{font-size: 14px!important;}
    .font-sm{font-size: 12px!important;}
    .font-xs{font-size: 10px!important;}
    .font-h4{font-size: 18px!important;}
    .font-20{font-size: 20px}
    .font-24{font-size: 24px !important}
    .font-bold{font-weight: bold}
    .font-30{font-size: 30px !important}
  /* margin/padding 区域*/
  .mt25{margin-top: 25px!important}
    .mg0{margin:0!important;} .mg5{margin:5px!important;}.mt8{margin-top: 8px !important} .mg10{margin: 10px!important;} .mg15{margin: 15px!important;} .mg20{margin: 20px!important;}
    .mt0{margin-top: 0!important;}.mt1{margin-top: 1px!important;} .mt5{margin-top: 5px!important;} .mt10{margin-top: 10px!important;} .mt15{margin-top: 15px!important;} .mt20{margin-top: 20px!important;}.mt30{margin-top:30px;} .mt50{margin-top: 50px !important}
    .mb0{margin-bottom: 0!important;} .mb5{margin-bottom: 5px!important;} .mb10{margin-bottom: 10px!important;} .mb15{margin-bottom: 15px!important;} .mb20{margin-bottom: 20px!important;} .mb30{margin-bottom: 30px}
    .ml0{margin-left: 0!important;} .ml5{margin-left: 5px!important;} .ml10{margin-left: 10px!important;} .ml15{margin-left: 15px!important;} .ml20{margin-left: 20px!important;} 
    .mr0{margin-right: 0!important;} .mr5{margin-right: 5px!important;} .mr10{margin-right: 10px!important;} .mr15{margin-right: 15px!important;} .mr20{margin-right: 20px!important;} .mr40{margin-right: 40px !important}.mr30{margin-right: 30px !important}
    .pd30{padding:30px 0;}.mb140{margin-bottom: 140px !important;}.mr3{margin-right: 3px}.mb3{margin-bottom: 3px}.mt70{margin-top: 70px}
    .pd0{padding: 0!important;}.pd3{padding: 3px!important;}  .pd5{padding: 5px!important;} .pd10{padding: 10px!important;} .pd15{padding: 15px!important;} .pd20{padding: 20px!important;}
    .pt0{padding-top: 0!important;} .pt5{padding-top: 5px!important;} .pt10{padding-top: 10px!important;} .pt15{padding-top: 15px!important;} .pt20{padding-top: 20px!important;}
    .pb0{padding-bottom: 0!important;} .pb5{padding-bottom: 5px!important;} .pb10{padding-bottom: 10px!important;} .pb15{padding-bottom: 15px!important;} .pb20{padding-bottom: 20px!important;}
    .pl0{padding-left: 0!important;} .pl5{padding-left: 5px!important;} .pl10{padding-left: 10px!important;} .pl15{padding-left: 15px!important;} .pl20{padding-left: 20px!important;}.ml50{margin-left: 50px !important}.pl30{padding-left: 30px}
    .pr0{padding-right: 0!important;} .pr5{padding-right: 5px!important;} .pr10{padding-right: 10px!important;} .pr15{padding-right: 15px!important;} .pr20{padding-right: 20px!important;}
    .p010{padding:0 10px !important;} .pl-150{padding-left: 144px !important}.mt45{margin-top:45px ;}.pt100{padding-top: 100px}.mt60{margin-top: 60px}.mb60{margin-bottom: 60px}
    .pt45{padding-top: 45px !important}.pd1{padding:1px;}.pb45{padding-bottom: 45px !important}
    /*线条区域*/
    .border-none{border: none!important;}
    .border-nt{border-top: 0!important;}
    .border-nb{border-bottom: 0!important;}
    .border-nl{border-left: 0!important;}
    .border-nr{border-right: 0!important;}
    .border-l{border-left: 1px solid #ddd!important;}
    .border-r{border-right: 1px solid #ddd!important;}
    .border-t{border:none;border-top: 1px solid #ddd!important;}
    .border-b{border:none;border-bottom: 1px solid #ddd!important;}
    .border{border: 1px solid #ddd!important;}
    .border-co05{border-color: #050001!important}
    .line-14{line-height: 14px}
    .pos-rel{position: relative;}.pos-abs{position: absolute;}
    .w100{width: 100%}
  /*靠右 浮动*/
    .pull-right{position: absolute;right: 0;font-weight: normal;}.float-left{float: left;font-weight: normal;}
  /*字体居中区域*/
    .text-left{text-align: left !important}.text-center{text-align: center !important}.text-right{text-align: right !important}
  /*溢出点点显示区域*/
    /*多余一行点点显示*/
        .text-showell{    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}
     /*超出两行点点显示*/
        .text-showell-two{white-space: pre-wrap !important;text-overflow: -o-ellipsis-lastline !important;overflow: hidden !important;text-overflow: ellipsis !important;display: -webkit-box !important;-webkit-line-clamp: 2 !important;-webkit-box-orient: vertical !important;}
    /*超出三行点点显示*/
        .text-showell-three,.text-showell-three p{white-space: pre-wrap !important;text-overflow: -o-ellipsis-lastline !important;overflow: hidden !important;text-overflow: ellipsis !important;display: -webkit-box !important;-webkit-line-clamp: 3 !important;-webkit-box-orient: vertical !important;}
    /*超出4行点点显示*/
        .text-showell-four{white-space: pre-wrap !important;text-overflow: -o-ellipsis-lastline !important;overflow: hidden !important;text-overflow: ellipsis !important;display: -webkit-box !important;-webkit-line-clamp: 4 !important;-webkit-box-orient: vertical !important;}
.clearfix:after{
　　　　　　content:" ";
　　　　　　height:0;

　　　　　　line-height:0;

　　　　　　display:block;

　　　　　　visibility:hidden;

　　　　　　clear:both

　　　　　}
.flex-col{display: felx;flex-direction: column;}
/*顶部导航栏*/
/*内容*/
.content_bg{background: #fff;padding: 25px;overflow: hidden}
/*评分星星*/
star{display: inline-block;width: 14px;height: 14px;background: url(../images/star.png) no-repeat;background-size: 100% 100%;}
.nav_bg {background: #fff;}.option ul li{cursor: pointer;}